<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			p{width: 400px;height: 400px;background-color: aqua;}
			/* //span{color: blue;} 谁说不能加，开玩笑！*/
		</style>
	</head>
	<body>
		<span><p id="p">hello world</p></span>
		<button id="bu">点击</button>
		<script type="text/javascript">
			// var $li1=$("<li>123</li>");
			// var
			// $("ul").append($li1);
			// $("ul").append($li2);
			$("#bu").click(function(){
				// $("#p").append("<br>你好，世界");
				// $("<a>asdf</a>").appendTo("#p");
				// $("#p").prepend("你好");
				// $("#p").after("123");
				// $("#p").before("asdf");
				// var a=$("#p").clone().appendTo("#p");
				// console.log(a);
				$("#p").wrap("<span style='color: blue;'></span>");
				// $("#p").replaceWith("<span>今天天气不错</span>");
				// $("<span>今天天气不错</span>").replaceAll("#p");
				// var a=$("#p").remove();
				// $("body").append(a);
				// console.log(a);
				// $("#p").empty();
			})
		</script>
		<!-- <ul>
			
		</ul> -->
	</body>
</html>
